@charset "utf-8";
body{font-family:\5fae\8f6f\96c5\9ed1;font-size: 12px;}
ul, ol { list-style-type:none; padding:0; margin:0;}
a{text-decoration:none;}

/*font-family*/
.ff-YaHei{font-family:\5fae\8f6f\96c5\9ed1;}

/*alink*/
.alink-Blank1{color:#000000}
.alink-Blank1 a{color: #000000;}
.alink-Blank2{color:#666666}
.alink-Blank2 a{color: #666666;}
.alink-Blank3{color:#333333}
.alink-Blank3 a{color: #333333;}

/*background*/
.bg-White{background: #FFFFFF;}
.bg-Red{background: #FF0000;}
.bg-Yellow{background: #FFFF00;}
.bg-Gray1{background: #f9f9f9;}
.bg-Blue1{background: #0caddb;}
.bg-Blue1 a{color: #FFFFFF;}
.bg-Blue2{background: #27b0e4;}
.bg-Orange1{background: #f95000;}
.bg-Green1{background: #7dab0a;}
.bg-Green2{background: #1abc9c;}

/*layout-center*/
.l-1000{width: 1000px;margin: 0 auto;}
.l-980{width: 980px;margin: 0 auto;}
.l-953{width: 953px;margin: 0 auto;}
.l-950{width: 950px;margin: 0 auto;}
.l-900{width: 900px;margin: 0 auto;}
.l-880{width: 880px;margin: 0 auto;}
.l-800{width: 800px;margin: 0 auto;}
.l-700{width: 700px;margin: 0 auto;}
.l-600{width: 600px;margin: 0 auto;}
.l-500{width: 500px;margin: 0 auto;}
.l-460{width: 460px;margin: 0 auto;}
.l-400{width: 400px;margin: 0 auto;}
.l-300{width: 300px;margin: 0 auto;}
.l-200{width: 200px;margin: 0 auto;}
.l-100{width: 100px;margin: 0 auto;}
.l-120{width: 120px;margin: 0 auto;}
.l-100b{width: 100%;margin: 0 auto;}
.l-98b{width: 98%;margin: 0 auto;}
.l-90b{width: 90%;margin: 0 auto;}
.l-95b{width: 95%;margin: 0 auto;}
.l-98b{width: 98%;margin: 0 auto;}

/*layout*/
.lay-480{width: 480px;}
.lay-230{width: 230px;}
.lay-140{width: 140px;}

.fl{float: left;}
.fr{float: right;}

.textc{text-align: center;}
.textl{text-align: left;}
.textr{text-align: right;}

/*width*/
.w-24{width: 24px;}
.w-50{width: 50px;}
.w-120{width: 120px;}
.w-140{width: 140px;}
.w-150{width: 150px;}
.w-150{width: 150px;}
.w-200{width: 200px;}
.w-220{width: 220px;}
.w-250{width: 250px;}
.w-300{width: 300px;}
.w-316{width: 316px;}
.w-350{width: 350px;}
.w-380{width: 380px;}
.w-390{width: 390px;}
.w-400{width: 400px;}
.w-460{width: 460px;}
.w-480{width: 480px;}
.w-500{width: 500px;}
.w-600{width: 600px;}
.w-700{width: 700px;}
.w-800{width: 800px;}
.w-900{width: 900px;}
.w-50b{width:50%;margin:0 auto;}
.w-98b{width:98%;margin:0 auto;}

/*height*/
.h-5{height: 5px;}
.h-10{height: 10px;}
.h-13{height: 13px;}
.h-20{height: 20px;}
.h-24{height: 24px;}
.h-30{height: 30px;}
.h-36{height: 36px;}
.h-40{height: 340px;}
.h-48{height: 48px;}
.h-50{height: 50px;}
.h-60{height: 60px;}
.h-70{height: 70px;}
.h-80{height: 80px;}
.h-90{height: 90px;}
.h-100{height: 100px;}
.h-110{height: 110px;}
.h-200{height: 200px;}
.h-220{height: 220px;}
.h-250{height: 250px;}
.h-254{height: 254px;}
.h-678{height: 600px;}

/*min-height*/
.mh-254{min-height: 254px;;}

/*line-height*/
.lh-24{line-height: 24px;}
.lh-34{line-height: 34px;}
.lh-36{line-height: 36px;}
.lh-48{line-height: 48px;}
.lh-50{line-height: 50px;}
.lh-60{line-height: 60px;}
.lh-80{line-height: 80px;}
.lh-110{line-height: 110px;}

/*margin*/
.mg-10{margin: 10px;}
.mg-20{margin: 20px;}
.mg-30{margin: 30px;}
.mg-40{margin: 40px;}

/*margin-top*/
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}

/*margin-right*/
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}

/*margin-bottom*/
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
.mb-70{margin-bottom: 70px;}
.mb-80{margin-bottom: 80px;}
.mb-90{margin-bottom: 90px;}
.mb-100{margin-bottom: 100px;}

/*margin-left*/
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}

/*padding*/
.pd-3{padding:3px;}
.pd-5{padding: 5px;}
.pd-8{padding: 8px;}
.pd-10{padding: 10px;}
.pd-20{padding: 20px;}
.pd-30{padding: 30px;}
.pd-40{padding: 40px;}

/*padding-top*/
.pdt-10{padding-top: 10px;}
.pdt-20{padding-top: 20px;}
.pdt-30{padding-top: 30px;}
.pdt-40{padding-top: 40px;}
.pdt-50{padding-top: 50px;}
.pdt-60{padding-top: 60px;}
.pdt-70{padding-top: 70px;}

/*padding-right*/
.pdr-10{padding-right: 10px;}
.pdr-15{padding-right: 15px;}
.pdr-20{padding-right: 20px;}
.pdr-30{padding-right: 30px;}
.pdr-40{padding-right: 40px;}
.pdr-50{padding-right: 50px;}
.pdr-60{padding-right: 60px;}
.pdr-70{padding-right: 70px;}
.pdr-80{padding-right: 80px;}

/*padding-bottom*/
.pdb-10{padding-bottom: 10px;}
.pdb-20{padding-bottom: 20px;}
.pdb-30{padding-bottom: 30px;}
.pdb-40{padding-bottom: 40px;}

/*padding-left*/
.pdl-10{padding-left: 10px;}
.pdl-20{padding-left: 20px;}
.pdl-30{padding-left: 30px;}
.pdl-40{padding-left: 40px;}
.pdl-50{padding-left: 50px;}
.pdl-60{padding-left: 60px;}
.pdl-70{padding-left: 70px;}
.pdl-80{padding-left: 80px;}
.pdl-90{padding-left: 90px;}
.pdl-100{padding-left: 100px;}
.pdl-110{padding-left: 110px;}
.pdl-120{padding-left: 120px;}
.pdl-130{padding-left: 130px;}
.pdl-140{padding-left: 140px;}
.pdl-150{padding-left: 150px;}
.pdl-151{padding-left: 151px;}
.pdl-152{padding-left: 152px;}
.pdl-153{padding-left: 153x;}
.pdl-154{padding-left: 154px;}
.pdl-155{padding-left: 155px;}


/*font-weight*/
.fwb{font-weight: bold;}
.fwb2{font-weight: bolder;}

/*font-size*/
.f-12{font-size: 12px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-22{font-size: 22px;}
.f-24{font-size: 24px;}
.f-26{font-size: 26px;}
.f-28{font-size: 28px;}
.f-30{font-size: 30px;}
.f-32{font-size: 32px;}
.f-34{font-size: 34px;}
.f-36{font-size: 36px;}
.f-38{font-size: 38px;}
.f-40{font-size: 40px;}
.f-42{font-size: 42px;}
.f-44{font-size: 44px;}
.f-46{font-size: 46px;}
.f-48{font-size: 48px;}
.f-50{font-size: 50px;}


/*text-indent*/
.ti-2{text-indent: 2em;}


/*color*/
.c-White{color: #FFFFFF;}/*白色*/
.c-Red{color: #FF0000;}
.c-Orange1{color: #f95000;}/*橙色*/
.c-Gray1{color: #dddddd;}/*灰色*/
.c-Gray2{color: #848283;}/*字体灰*/
.c-Black{color: #0000000;}/*黑色*/
.c-Black2{color: #666666;}/*黑色*/
.c-Black3{color: #333333;}/*黑色*/
.c-Green1{color: #7dab0a;}
.c-Green2{color: #1abc9c;}

/*border*/
.bd-Gray1{border: 1px solid #dddddd;} /*灰色*/
.bd-Orange1{border: 1px solid #f95000;} /*橙色*/

	
/*border-bottom*/
.bb-Gray1{border-bottom: 1px dashed #a5aabd;}  /*dashed*/
.bb-Blue1{border-bottom: 1px solid #0baddb;}   /*solid 蓝色*/

/*overflow*/
.of-h{overflow: hidden;}
.of-yh{overflow-y: hidden;}
.of-xh{overflow-x: hidden;}

/*btn*/
.btn-orange { /*橙色btn*/
  color: #fff;
  background-color: #f95000;
  border-color: #d43f3a;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #bb3d01;
  border-color: #ac2925;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #bb3d01;
  border-color: #d43f3a;
}
.btn-orange .badge {
  color: #ca4202;
  background-color: #fff;
}


.sub_btn {
        width:86px;height:30px;  //需要说明的是，这里指定宽高的话，才会兼容，否则IE6和IE7就会变形
        display: inline-block;
        zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
        *display: inline;
        vertical-align: baseline;
        margin: 0 2px;
        outline: none;
        cursor: pointer;
        text-align: center;
        font: 14px/100% Arial, Helvetica, sans-serif;
        padding: .5em 2em .55em;
        text-shadow: 0 1px 1px rgba(0,0,0,.6);
        -webkit-border-radius: 3px; 
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        color: #e8f0de;
        border: solid 1px #538312;
        background: #64991e;
        background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
        background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.sub_btn:hover {
        background: #538018;
        background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
        background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}


 .button {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);border: 1px solid;padding: 8px 12px;color: #fff;font-family: "Myriad Pro", Arial, Tahoma, sans-serif;font-size: 1.4em;font-weight: bold;text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);white-space: nowrap;background: #777;border-color: #777;text-decoration: none;font-style: normal;text-transform: none;position: relative;}
    .button:hover,.button:focus {bottom: 1px;-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);background: #999;border-color: #999; /* Default color */}
    .button:active {top: 1px;-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2);}
    /* Shape */
    .default {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
    .square {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
    .bubble {-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
    .blue {background: #166ba9;border-color: #166ba9;}
    .blue:hover,.blue:focus {background: #3390CF;border-color: #3390CF;}
    .red {background: #D81204;border-color: #D81204;}
    .red:hover,.red:focus {background: #FF2F1F;border-color: #FF2F1F;}
    .green {background: #95A006;border-color: #95A006;}
    .green:hover,.green:focus {background: #B2BF17;border-color: #B2BF17; }
    .yellow {background: #FFAF09;border-color: #FFAF09;}
    .yellow:hover,.yellow:focus {background: #FFCF09;border-color: #FFCF09;}
    .purple {background: #9F1D78;border-color: #9F1D78;}
    .purple:hover,.purple:focus {background: #CF33A0;border-color: #CF33A0;}
    .orange {background: #FF5F09;border-color: #FF5F09;}
    .orange:hover,.orange:focus {background: #FF7F09;border-color: #FF7F09;}
    .gray {background: #777;border-color: #777;}
    .gray:hover,.gray:focus {background: #999;border-color: #999;}